<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../scripts/ext-3.3.1/resources/css/ext-all.css"/>
	<link rel="stylesheet" type="text/css" href="../styles/global.css"/>
	<link rel="stylesheet" type="text/css" href="../styles/elements.css"/>
	<link rel="stylesheet" type="text/css" href="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.css" />
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../scripts/ext-3.3.1/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../scripts/ext-3.3.1/ext-all.js"></script>
	<script type="text/javascript" src="../scripts/extjs-plus.js"></script>
	<script type="text/javascript">
		function query(gplx){
			window.location.href="<s:url action='phfx'/>?gplx="+gplx;
		}
	</script>
	<style>
	*{
		font-size:14px;
	}
	#main{
		background-color:#58A5D9;
		padding-bottom:10px;
		margin:20px 80px;
	}
	#head{
		background-color:#fafafa;
		border-bottom:5px solid #000080;
	}
	#head button:hover{
		cursor:pointer;
	}
	#head button{
		width:100px;
		height:40px;
		margin-left:5px;
		margin-top:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border-bottom:none;
		border-color:#58A5D9;
		background-color:#58A5D9;
		color:#000000;
	}
	#head button.selected{
		background-color:#000080;
		border-color:#000080;
		font-weight:bold;
		color:#ffffff;
	}
	div.item{
		box-shadow: 0 1px 2px #000000;
		border:none;
		border-radius:5px;
		padding:10px;
		margin:20px;
		background-color:#f3f3f3;
	}
	div.rq{
		padding:5px;
		color:#3D81EF;
	}
	div.desc, div.desc a{
		font-size:14px;
		line-height:22px;
		color:#545454;
		letter-spacing:2px;
	}
	div.desc a{
		text-decoration:none;
    	border-bottom:1px dashed;
    }
	.mark{
		font-weight:bold;
		color:#3D81EF;
		font-size:20px;
		padding:0px 5px;
	}
	span.z{
		color:red;
	}
	span.d{
		color:green;
	}
	span.b{
		color:#000000;
	}
	</style>
</head>
<body>
<div id="main">
<div id="head">
	<button class="<s:if test="gplx=='ALL'"> selected</s:if>" onclick="query('ALL')">两市统计</button>
	<button class="<s:if test="gplx=='SHA'"> selected</s:if>" onclick="query('SHA')">上海A股统计</button>
	<button class="<s:if test="gplx=='SHB'"> selected</s:if>" onclick="query('SHB')">上海B股统计</button>
	<button class="<s:if test="gplx=='SZA'"> selected</s:if>" onclick="query('SZA')">深圳A股统计</button>
	<button class="<s:if test="gplx=='SZB'"> selected</s:if>" onclick="query('SZB')">深圳B股统计</button>
</div>
<s:iterator value="list" var="bo">
	<div class="item">
		<div class="rq"><s:property value="rq"/></div>
		<div class="desc">
			股市总成交额为<span class="mark"><s:property value="cjeTotal"/>元</span>；其中成交额最大的是<a href="#u" onclick="showWindow('','<s:url action='profile'/>?gpdm=<s:property value='cjeMaxGpdm'/>','850','400')"><span class="mark b"><s:property value="cjeMaxGpmc"/></span></a>（<s:property value="cjeMaxCje"/>元）；
			成交额最小的是<a href="#u" onclick="showWindow('','<s:url action='profile'/>?gpdm=<s:property value='cjeMinGpdm'/>','850','400')"><span class="mark b"><s:property value="cjeMinGpmc"/></span></a>（<s:property value="cjeMinCje"/>元）。
			从涨跌情况上看，有<span class="mark z"><s:property value="countZ"/></span>支股票上涨，其中涨幅较大（≥3.00%）的有<span class="mark z"><s:property value="countZz"/></span>支，涨停的有<span class="mark z"><s:property value="countZt"/></span>支；
			有<span class="mark d"><s:property value="countD"/></span>支股票下跌，其中跌幅较大（≥3.00%）的有<span class="mark d"><s:property value="countDd"/></span>支，跌停的有<span class="mark d"><s:property value="countDt"/></span>支；持平的股票有<span class="mark"><s:property value="countP"/></span>支。
		</div>
	</div>
</s:iterator>
</div>
</body>
</html>